Javascript JsTestDriver Jasmine 和 Jasmine-jquery
全部标签 我正在寻找一种更好的方法来管理大型项目中的全局组件/插件/小部件初始化。它有许多jQuery支持的组件,我想快速高效地初始化这些组件,在搜索互联网之后,我只真正找到了一些短视的例子,这些例子只在较小的网站上是现实的/高性能的。问题我想找到一种聪明而优雅的方法来摆脱它:$(function(){$('.widget-one').widgetOne();});$(function(){$('.widget-two').widgetTwo();});$(function(){$('.widget-three').widgetThree();});$(function(){$('.widget
我有一个为特定对象创建工具提示的函数。目前,我在ajax插入后运行一个工具提示函数来创建和附加新的工具提示对象。我很好奇是否有一种方法可以使用.on()在插入时自动运行工具提示功能,而不是手动运行它。例如:$('[title]').on('inserted',function(){tooltip(this);});我做了一些阅读,看起来自定义触发器可能是可行的方法,但如果存在这样的东西我会很高兴:) 最佳答案 根据要求,这是伪代码。$(document).ready(function(){$('body').on('added','
从服务器获取新记录后,我使用jQuery1.7.2中的AJAX成功回调将新记录添加到列表并将其淡入。functiononSuccess(data,status,xhr){varrecord=$(template_html);//populate`record`with`data`values.body.append(record);//bodyisajQueryobjectfromclosurescoperecord.fadeIn('fast');}我在以下浏览器中对此进行了测试:IE8IE9Safari5.1.7火狐14.0.1Chrome21.0.1180.79歌剧11.64除Ch
我正在尝试调试一个用jqueryMobile编写的相当大的应用程序,并且正在努力确定可疑的内存泄漏。我一直在上下运行所有功能的应用程序中纵横交错。一直以来,服务器内存使用情况都正常,除了一个页面之外的所有页面都工作正常。在有问题的页面上(小部件繁重的产品搜索和订购页面,使用JQMphotoswipe、multiview以及一堆其他插件)在大多数按钮停止工作之前都可以正常工作一段时间。按钮没有反应告诉我我需要检查我的jquery应用程序管理器,它也处理所有事件绑定(bind)。问题是,大约90k,我真的不知道从哪里开始,所以问题:是否有任何工具可以检查Jquery/Javascrip
似乎jQuery的trigger()只运行与jQuery绑定(bind)的事件处理程序。我有一些使用native浏览器事件绑定(bind)的模块。使用来自https://stackoverflow.com/a/2676527的代码对我有用,但我想知道jQuery中是否有内置的东西可以做到这一点?根据评论更新:显然它适用于按钮上的点击事件。但不适用于选择框上的更改事件:http://jsfiddle.net/qxpXV/2/郑重声明:破解其他库以与jQuery绑定(bind)确实使trigger()起作用,但我真的不想那样做。 最佳答案
我正在尝试使用ScrollSpyBootstrap插件,但它无法正常工作。请参阅下面的代码,它始终突出显示最后一项。http://jsfiddle.net/bRYMC/Page1Page2Page3Page4Page5Page1Page2Page3Page4Page5你能帮帮我吗? 最佳答案 在body标签上设置data-spy="scroll",它应该可以工作。请检查更新的jsFiddle. 关于javascript-jQueryBootstrapScrollSpy不起作用,我们在St
我有一些代码以数组作为单个参数调用回调函数。调用回调后,代码更改数组内容。它类似于这段代码:functionmyCode(callback){varsomeArray=[1,2,3,4];callback(someArray);//changesomeArrayinarbitrarywayssomeArray.splice(2);...}现在,我想验证是否使用正确的数组内容调用回调。使用Jasmine.js我会这样写我的规范:describe("Mycode",function(){varcallback;beforeEach(function(){callback=jasmine.c
我有一个非常简单的DIV元素,我正在尝试调整它的大小并进行水平拖动。它工作正常,但jQueryUI也更改了DIV元素的高度。我不明白为什么。有什么想法吗?JS代码:$('.task').draggable({axis:'x'}).resizable({containment:'parent',handles:'e,w'});HTML代码:CSS代码:li{height:20px;line-height:20px;list-style:none;}.task{height:16px;margin-top:2px;position:relative;}.taskspan{display:b
我对jQuery和javascript代码有疑问;当我在之间写下这个jQuery时和var$j=jQuery.noConflict();$j(document).ready(function(){$j('#page_effect').fadeIn(3000);});然后在body标签中写javascript代码bubblesMain(newObject({type:'linear',minSpeed:100,maxSpeed:400,minSize:30,maxSize:55,num:100,colors:newArray('#FF0000','#FFFFFF','#FFCC99','
以代码为基础,是否可以在不使用额外插件的情况下突出显示任何匹配项?我想将style="backgorund:green;"添加到找到项目的div,以便我可以立即看到它们。到目前为止,我尝试过的方法都没有奏效,所以我希望来自大脑之外的一些新鲜想法可以解决问题。functionfinder(items){varneeded=[/*items*/];varre=newRegExp(needed.join("|"),"i");return(items.match(re)!=null);}varfound=finder(document.body.innerHTML);varoutput=fou